<!DOCTYPE html>
<html lang="utf-8">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title>青之巅-我的课程</title>
	<#include "../common/reslistmy.html">
</head>

<body>
<#include "../common/header3.html">

<div id="main" style="padding: 0px">

	<div class="bg-other user-head-info">
		<div class="user-info clearfix">
			<div class="user-pic" data-is-fans="0" data-is-follows="">
				<div class="user-pic-bg">
					<img class="img" src='<@shiro.principal property="header"/>' alt="">
				</div><!--user-pic-big end-->
			</div>
			<div class="user-info-right">
				<h3 class="user-name clearfix">
					<span><@shiro.principal property="username"/></span>
				</h3>
				<!--25-->
				<p class="about-info">
					<span>保密</span>
					<span>JAVA开发工程师</span>
					<a class="more-user-info"><i class="imv2-arrow2_d"></i>更多信息</a>
				</p>
			</div>
			<div class="user-sign hide">
				<p class="user-desc">这位同学很懒，木有签名的说～</p>
			</div>
			<div class="study-info clearfix">
				<div class="item follows">
					<div class="u-info-learn" title="学习时长6小时15分" style="cursor:pointer;">
						<em>6h</em>
						<span>学习时长 </span>
					</div>
				</div>
				<div class="item follows">
					<a href="/u/7126621/experience"><em>672</em></a>

					<span>经验</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/credit"><em>2</em></a>

					<span>积分</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/follows"><em>1</em></a>

					<span>关注</span>
				</div>
				<div class="item follows">
					<a href="/u/7126621/fans"><em>0</em></a>
					<span>粉丝</span>
				</div>
				<div class="item follows"><a href="/user/setbindsns" class="set-btn"><i class="icon-set"></i>个人设置</a></div>

			</div><!--.study-info end-->
		</div><!-- .user-info end -->
	</div><!-- .big-pic end -->
	<div class="wrap" >

		<#include "nav.html">
		<div class="u-container">
		<div class="c-tab clearfix">
			<div class="tool-left l">
				<a href="/user/mycourse" class="sort-item active">最近学习</a>
				<a href="/user/mycourse?sort=follow" class="sort-item ">我的收藏</a>
			</div>
			<div class="tool-right r">
				<div class="tool-all">
            <span id="js-columall" class="tool-item">
                <span>全部课程</span>
            	<i class="tool-item icon icon-drop_down"></i>
        	</span>
					<ul id="js-columbd" class="all-cont" style="display:none;">
						<li><a data-id="0" href="/u/7126621/courses?sort=time&amp;skill_id=0">全部课程</a></li>
						<li><a data-id="7" href="/u/7126621/courses?sort=time&amp;skill_id=7">HTML/CSS</a></li>
						<li><a data-id="44" href="/u/7126621/courses?sort=time&amp;skill_id=44">JavaScript</a></li>
						<li><a data-id="219" href="/u/7126621/courses?sort=time&amp;skill_id=219">jQuery</a></li>
						<li><a data-id="220" href="/u/7126621/courses?sort=time&amp;skill_id=220">Java</a></li>
						<li><a data-id="221" href="/u/7126621/courses?sort=time&amp;skill_id=221">Html5</a></li>
						<li><a data-id="1262" href="/u/7126621/courses?sort=time&amp;skill_id=1262">CSS3</a></li>
						<li><a data-id="1263" href="/u/7126621/courses?sort=time&amp;skill_id=1263">Bootstrap</a></li>
						<li><a href="/u/7126621/courses?sort=time">全部课程</a></li>
					</ul>
				</div>
			</div>
		</div>

		<div class="js-course-list my-space-course study-tl">
			<#if (page.items)??>
			<#list page.items as item>
			<div class="clearfix tl-item  tl-item-first">
				<span class="time">
					<b><#if item.updateTime??>
							${item.updateTime?string('yyyy-MM-dd')?substring(0,4)}
						</#if>
					</b>
					<em><#if item.updateTime??>
							${item.updateTime?string('yyyy-MM-dd')?substring(5,7)}
						</#if>月
						<#if item.updateTime??>
							${item.updateTime?string('yyyy-MM-dd')?substring(8,10)}
						</#if>日
					</em>
				</span>
				<div class="course-list course-list-m">
					<ul class="clearfix">
						<#if (page.items)??>
						<li class="course-one" data-courseid="1052" data-uid="7126621">
							<div class="course-list-img l">
								<a href="/course/learn/${item.courseId!}.html" target="_blank">
									<img alt=${item.courseName!} src="http://img.qingzhidian.com/@${item.coursePicture!}" width="200" height="113">
								</a>
							</div>
							<div class="course-list-cont">
								<h3 class="study-hd">
									<a href="/course/learn/${item.courseId!}.html" target="_blank">${item.courseName!}</a>
									<span class="i-new">更新至4-1</span>
									<!-- 收藏和删除 -->
									<div class="share-box clearfix">
										<div class="show-btn"><i class="icon-down2"></i></div>
										<div class="share-box-con courses-r">
											<a href="javascript:;" title="收藏" class="follow custom_f"><i class="icon icon-star_outline"></i></a>
											<a href="javascript:;" title="删除" class="del"><i class="icon icon-notdisplay"></i></a>
										</div>
									</div>
								</h3>
								<div class="study-points">
									<span class="i-left span-common">已学${item.rate!0}%</span>
									<span class="i-mid span-common">用时${item.totalLearnTime!}
									</span>
									<span class="i-right span-common">学习至${item.sectionName!}</span>
								</div>
								<div class="catog-points">
									<span class="i-left span-common"><a href="/u/7126621/notepad/${item.courseId!}">笔记 <i>0</i></a></span>
									<span class="i-mid span-common"><a href="/u/7126621/course/${item.courseId!}/codes">代码 <i>0</i></a></span>
									<span class="i-right span-common"><a href="/u/7126621/course/${item.courseId!}/questions">问答 <i>0</i></a></span>
									<a href="/course/learn/${item.courseId!}.html" target="_blank" class="btn-red continute-btn">继续学习</a>
								</div>
							</div>
						</li>
					    </#if>
					</ul>
				</div>
			</div>
			</#list>
			</#if>
		</div>
		<!-- 分页 -->
		<div class="qa-comment-page">
		</div>
	</div><!-- .container end -->
	</div><!-- .wrap end-->
</div>

<#include "../common/footer3.html">

<!--script-->
<script type="text/javascript" src="//moco.imooc.com/static/monitor/error.js"></script>
<script src="/passport/static/scripts/ssologin.js?v=2.0"></script>
<script type="text/javascript" src="/static/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
<script type="text/javascript" src="/static/sea_config.js?v=201811091403"></script>
<script type="text/javascript">seajs.use("/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>
<script>
    //动态加载advertisementReportjs
    var checkJQ = function(){
        // console.log(typeof jQuery)
        if(typeof jQuery != 'undefined') {
            clearInterval(timer);
            var scr = document.createElement('script');
            scr.type="text/javascript";
            scr.src="/static/page/common/advertisementReport.js";
            document.body.appendChild(scr);
        }
    }
    var timer = setInterval(checkJQ,1000);
</script>

<style type="text/css">.myClassList table td dl dd { margin-top:88px } #face_panel { z-index:99999999 }</style>

<div id="layer_sendmsg" class="font-colorg" style="display:none">
	<div class="sendadd">
		<h4>发送好友申请<span class="tipclose"></span></h4>
		<div class="sendcon">
			<textarea class="chatInput" id="textInput" type="text" name="说点什么吧" cols="1"></textarea>
		</div>
		<div class="sendsq">
			<a href="javascript:void(0)" id="sendBtn" class="sendInvite btn btn-green">发送申请</a>
		</div>
	</div>
</div>

<div style="display: none">
	<script type="text/javascript">
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?f0cfcccd7b1393990c78efdeebff3968";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        (function (d) {
            window.bd_cpro_rtid="rHT4P1c";
            var s = d.createElement("script");s.type = "text/javascript";s.async = true;s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
            var s0 = d.getElementsByTagName("script")[0];s0.parentNode.insertBefore(s, s0);
        })(document);
	</script>
	<script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
	</script>
</div>

<script type="text/javascript" src="/static/page/common/advertisementReport.js"></script>

</body>
</html>
